<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page；推荐使用json5，更强大，且允许注释 -->
<route lang="json5">
{
  style: {
    navigationBarTitleText: '基础信息',
    navigationBarBackgroundColor: '#1989fa',
    navigationBarTextStyle: 'white',
  },
}
</route>
<template>
  <Loyout class="user-page" bgc="#F3F8FE">
    <view class="index-header h-360"></view>
    <view class="link-box">
      <wd-cell-group border>
        <wd-input type="text" label="基本用法" placeholder="请输入..." />
        <wd-input type="text" label="基本用法" placeholder="请输入..." />
        <wd-input type="text" label="基本用法" placeholder="请输入..." />
        <wd-input type="text" label="基本用法" placeholder="请输入..." />
        <wd-input type="text" label="基本用法" placeholder="请输入..." />
      </wd-cell-group>
    </view>
    <template #footer>
      <wd-button class="flex1" size="large">大号按钮</wd-button>
    </template>
  </Loyout>
</template>

<script lang="ts" setup>
import Loyout from '@/layouts/index.vue'

const linkList = ref([
  {
    title: '基础信息',
    url: '/pages/user/base',
  },
  {
    title: '服务器设置',
    url: '/pages/user/server',
  },
  {
    title: '单据设置',
    url: '/pages/user/orderset',
  },
  {
    title: '数据下载',
    url: '/pages/user/loaddata',
  },
  {
    title: '数据上传',
    url: '/pages/user/updata',
  },
])

// 测试 uni API 自动引入
onLoad(() => {
  console.log('Home onLoad')
})

onShow(() => {
  console.log('Home Show')
})
</script>

<style lang="scss">
.user-page {
  .index-header {
    background-image: linear-gradient(75deg, rgb(0, 115, 255) 25%, rgb(0, 170, 255) 75%);
  }
}
</style>
